Мой второй Java-скрипт

А теперь я попробую рассказать вам, как я делала еще одну бегущую строку на Java-скрипте.

Итак, текст самого скрипта должен выглядеть примерно так:


<script language="JavaScript">
<!-- begin
// global variables
var id,pause=0,position=0;
function banner() {
        // variables declaration
        var i,k,msg=document.form1.message.value;

        // increase msg
        k=(50/msg.length)+1;
        for(i=0;i<=k;i++) msg+=" "+msg;

        // show it to the window
        document.form2.banner.value=msg.substring(position,position+50);

        // set new position
        if(position++==document.form1.message.value.length) position=0;

        // repeat at entered speed 
        id=setTimeout("banner()",1000/document.form1.speed.value); }

function action() {
        // stop rolling
        if(!pause) {
                clearTimeout(id);
                pause=1; }

        // continue rolling
        else {
                banner();
                pause=0; } }
// end -->

</script>
Текст скрипта надо вставить внутрь вашего HTML-документа, а текст самОй бегущей строки передается скрипту из формы внутри документа:
<HTML>
<head>
<teitle>Hello, world!</title>
<!-- java script experiment -->
<SCRIPT LANGUAGE="JavaScript">

<!-- Beginning of JavaScript Applet ------------------->

Текст программы

// -- End of JavaScript code -------------- -->

</SCRIPT>
</head>

<BODY onload="banner()">

<center>
<form name="form1">
<input type="hidden" name="message" value="Hello, World! Здравствуй, мир!" size="30">
<input type="hidden" name="speed" value="5" size="0">
<input type="hidden" value="Click" onclick="clearTimeout(id);position=0;banner()">
</form>

<form name="form2">
<input type="text" name="banner" size="30"><br>
<input type="hidden" value=" Play/Pause " onclick="action()">
</form>

<font size=+2 color=#ff0000>Здравствуй, мир!</font>

</center>
</body>
</html>

Вот, собственно говоря, и все. Что из этого вышло - смотрите здесь.

Также обращаю ваше особое внимание на команду onload="banner()" внутри разметки <body> - она очищает бегущую строку, после выхода из вашего HTML-документа.


© Коротеева Елена, "Махаон"